<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>站酷网首页</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <!-- 导航栏部分 -->
    <div class="header">
        <div class="content-special">
            <div class="header-left">
                <img src="./img/logo.png" alt="./index.html">
            </div>
            <div class="header-mid">
                <a href="./index.html"><span>首页</span></a>
                <a href="https://www.zcool.com.cn/discover">发现</a>
                <a href="https://www.zcool.com.cn/job">职位</a>
                <a href="https://www.zcool.com.cn/event">活动</a>
                <a href="https://www.hellorf.com">正版素材</a>
                <a href="https://www.gogoup.com">课程</a>
                <a href="https://www.zcoolip.com">版权保护</a>
                <a href=""><span>···</span></a>
            </div>
            <div class="header-right">
                <ul>
                    <li>
                        <a href="">注册</a>
                    </li>
                    <li><div></div></li>
                    <li>
                        <a href="">登录</a> 
                    </li>
                        <img src="./img/search.png" alt="">
                        <img src="./img/upload.png" alt="">
                </ul>
            </div>
        </div>
    </div>
    <!-- banner部分 -->
    <div class="banner">
        <div class="content">
            <div class="banner-header">
                <img src="./img/banner.png" alt="">
            </div>
            <div class="banner-footer">
                <div class="banner-box">
                    <img src="./img/p1.jpg" alt="">
                </div>
                <div class="banner-box">
                    <img src="./img/p2.jpg" alt="">
                </div>
                <div class="banner-box">
                    <img src="./img/p3.jpeg" alt="">
                </div>
                <div class="banner-box">
                    <img src="./img/p4.jpg" alt="">
                </div>
                <div class="banner-box">
                    <img src="./img/p5.jpg" alt="">
                </div>
            </div>
    </div>
    </div>
    <!-- 首页推荐部分 -->
    <div class="recommend">
        <div class="recommend-header">
                <a href="" class="recommend-active"><span>首页推荐</span></a>
                <a href="">最新发布</a>
    </div>
        <div class="content">
        <div class="recommend-body">
       <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p6.jpg" alt="">
            <div class="word">
                <a href="" class="title">[分形插画]七彩国度 vol.04...</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">86</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">6</span>
                <img src="./img/like.png" alt="">
                <span class="like">27</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u1.jpg" alt="">
                <a class="name">春和绘</a>
                <span class="time">36分钟前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p7.jpg" alt="">
            <div class="word">
                <a href="" class="title">99 Heroes of 王者荣耀</a>
                <span class="type">平面-图案</span>
                <img src="./img/view.png" alt="">
                <span class="view">453</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">6</span>
                <img src="./img/like.png" alt="">
                <span class="like">44</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u2.jpg" alt="">
                <a class="name">框框kkuang</a>
                <span class="time">4小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p8.jpg" alt="">
            <div class="word">
                <a href="" class="title">天猫2019百大品牌趋势长图</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">491</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">10</span>
                <img src="./img/like.png" alt="">
                <span class="like">73</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u3.jpg" alt="">
                <a class="name">小灰侠嘎罗</a>
                <span class="time">41分钟前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p9.jpg" alt="">
            <div class="word">
                <a href="" class="title">西塘古镇手绘地图</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">310</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">2</span>
                <img src="./img/like.png" alt="">
                <span class="like">27</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u4.jpg" alt="">
                <a class="name">CAA陈思怡</a>
                <span class="time">1小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p10.jpg" alt="">
            <div class="word">
                <a href="" class="title">原创插画引爆端午设计灵感</a>
                <span class="type">特别企划</span>
                <img src="" alt="">
                <span class="view"></span>
                <img src="" alt="">
                <span class="comment"></span>
                <img src="" alt="">
                <span class="like"></span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="" alt="">
                <a class="name">站酷海洛</a>
                <span class="time">推广</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p11.jpg" alt="">
            <div class="word">
                <a href="" class="title">MONSTER一周年纪念</a>
                <span class="type">插画-其他插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">984</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">29</span>
                <img src="./img/like.png" alt="">
                <span class="like">85</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u5.jpg" alt="">
                <a class="name">YOUNGIKE</a>
                <span class="time">2小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p12.jpg" alt="">
            <div class="word">
                <a href="" class="title">屯子不咋大，派系很复杂</a>
                <span class="type">插画-其他插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">382</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">3</span>
                <img src="./img/like.png" alt="">
                <span class="like">33</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u6.jpg" alt="">
                <a class="name">赵画画</a>
                <span class="time">5小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p13.jpg" alt="">
            <div class="word">
                <a href="" class="title">谁最暴躁？十二生肖-创造...</a>
                <span class="type">插画-其他插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">878</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">9</span>
                <img src="./img/like.png" alt="">
                <span class="like">65</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u7.jpg" alt="">
                <a class="name">刘德良</a>
                <span class="time">7小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p14.jpg" alt="">
            <div class="word">
                <a href="" class="title">Nixie Tube_OPPO W...</a>
                <span class="type">UI-主体/皮肤</span>
                <img src="./img/view.png" alt="">
                <span class="view">1137</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">21</span>
                <img src="./img/like.png" alt="">
                <span class="like">72</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u8.jpg" alt="">
                <a class="name">慢慢曼曼</a>
                <span class="time">3小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p15.jpg" alt="">
            <div class="word">
                <a href="" class="title">桃李春风一杯酒，江湖夜...</a>
                <span class="type">摄影-春光</span>
                <img src="./img/view.png" alt="">
                <span class="view">1269</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">7</span>
                <img src="./img/like.png" alt="">
                <span class="like">56</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u9.jpg" alt="">
                <a class="name">陈帆fotochen</a>
                <span class="time">4小时前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p16.jpg" alt="">
            <div class="word">
                <a href="" class="title">孙郡：摄影就是生活</a>
                <span class="type">文章-砖房-多领域</span>
                <img src="./img/view.png" alt="">
                <span class="view">2803</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">5</span>
                <img src="./img/like.png" alt="">
                <span class="like">73</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u10.jpg" alt="">
                <a class="name">站酷奖</a>
                <span class="time">2天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p17.jpg" alt="">
            <div class="word">
                <a href="" class="title">健力宝×潘虎|让路 新一...</a>
                <span class="type">平面-包装</span>
                <img src="./img/view.png" alt="">
                <span class="view">1964</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">14</span>
                <img src="./img/like.png" alt="">
                <span class="like">154</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u11.jpg" alt="">
                <a class="name">潘虎设计实验室</a>
                <span class="time">14小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p18.jpg" alt="">
            <div class="word">
                <a href="" class="title">A.k.a PARIY ANIMAL</a>
                <span class="type">动漫-单幅漫画</span>
                <img src="./img/view.png" alt="">
                <span class="view">2692</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">16</span>
                <img src="./img/like.png" alt="">
                <span class="like">130</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u12.jpg" alt="">
                <a class="name">MUCRO</a>
                <span class="time">2小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p19.jpg" alt="">
            <div class="word">
                <a href="" class="title">浮游日志 LOST OCEAN ...</a>
                <span class="type">平面-图案</span>
                <img src="./img/view.png" alt="">
                <span class="view">887</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">3</span>
                <img src="./img/like.png" alt="">
                <span class="like">39</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u13.jpg" alt="">
                <a class="name">Kyrja</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p20.jpg" alt="">
            <div class="word">
                <a href="" class="title">梅红C4D 每日图形设计(...</a>
                <span class="type">三维-其他三维</span>
                <img src="./img/view.png" alt="">
                <span class="view">1827</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">18</span>
                <img src="./img/like.png" alt="">
                <span class="like">108</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u14.jpg" alt="">
                <a class="name">梅红提埃克斯</a>
                <span class="time">3小时前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p21.jpg" alt="">
            <div class="word">
                <a href="" class="title">Skull with snake</a>
                <span class="type">三维-其他三维</span>
                <img src="./img/view.png" alt="">
                <span class="view">2998</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">18</span>
                <img src="./img/like.png" alt="">
                <span class="like">248</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u15.jpg" alt="">
                <a class="name">Zesen</a>
                <span class="time">15小时前前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p22.jpg" alt="">
            <div class="word">
                <a href="" class="title">小米路由器AX1800+小爱...</a>
                <span class="type">网页-电商</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.4万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">25</span>
                <img src="./img/like.png" alt="">
                <span class="like">279</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u16.jpg" alt="">
                <a class="name">212设计</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p23.jpg" alt="">
            <div class="word">
                <a href="" class="title">又贱又萌又怪，粑条岛的...</a>
                <span class="type">工业/产品-玩具</span>
                <img src="./img/view.png" alt="">
                <span class="view">8390</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">22</span>
                <img src="./img/like.png" alt="">
                <span class="like">111</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u17.jpg" alt="">
                <a class="name">WAY工作室</a>
                <span class="time">16小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p24.jpg" alt="">
            <div class="word">
                <a href="" class="title">水密码/美的电商首页视觉...</a>
                <span class="type">网页-电商</span>
                <img src="./img/view.png" alt="">
                <span class="view">8246</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">78</span>
                <img src="./img/like.png" alt="">
                <span class="like">444</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u18.jpg" alt="">
                <a class="name">松鼠视觉传媒</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p25.jpg" alt="">
            <div class="word">
                <a href="" class="title">啊劲的寻面之旅 Mansio...</a>
                <span class="type">摄影-静物</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.6万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">49</span>
                <img src="./img/like.png" alt="">
                <span class="like">741</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u19.jpg" alt="">
                <a class="name">MansionView</a>
                <span class="time">23小时前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p26.jpg" alt="">
            <div class="word">
                <a href="" class="title">荣耀30PRO &1+8PRO 幻...</a>
                <span class="type">摄影-产品</span>
                <img src="./img/view.png" alt="">
                <span class="view">7944</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">14</span>
                <img src="./img/like.png" alt="">
                <span class="like">155</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u20.jpg" alt="">
                <a class="name">X老师会拍照</a>
                <span class="time">23小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p27.jpg" alt="">
            <div class="word">
                <a href="" class="title">“潮诸葛” 街舞潮流IP</a>
                <span class="type">平面吉祥物</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.5万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">23</span>
                <img src="./img/like.png" alt="">
                <span class="like">328</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u21.jpg" alt="">
                <a class="name">万鱼鱼</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p28.jpg" alt="">
            <div class="word">
                <a href="" class="title">格力高儿童百奇 品牌...</a>
                <span class="type">平面-吉祥物</span>
                <img src="./img/view.png" alt="">
                <span class="view">3808</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">12</span>
                <img src="./img/like.png" alt="">
                <span class="like">213</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u22.jpg" alt="">
                <a class="name">美朝文化</a>
                <span class="time">23小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p29.jpg" alt="">
            <div class="word">
                <a href="" class="title">HEREidea英合创意 原创...</a>
                <span class="type">平面-海报</span>
                <img src="./img/view.png" alt="">
                <span class="view">5787</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">24</span>
                <img src="./img/like.png" alt="">
                <span class="like">190</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u23.jpg" alt="">
                <a class="name">HEREidea英合创意</a>
                <span class="time">23小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p30.jpg" alt="">
            <div class="word">
                <a href="" class="title">影视合成海报设计拆解心上</a>
                <span class="type">网页-点上</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.6万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">56</span>
                <img src="./img/like.png" alt="">
                <span class="like">676</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u24.jpg" alt="">
                <a class="name">杰克sean</a>
                <span class="time">23小时前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p31.jpg" alt="">
            <div class="word">
                <a href="" class="title">小Z的旅城：北京</a>
                <span class="type">插画-其他插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">4297</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">31</span>
                <img src="./img/like.png" alt="">
                <span class="like">402</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u25.jpg" alt="">
                <a class="name">Feii</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p32.jpg" alt="">
            <div class="word">
                <a href="" class="title">小力之《十二星座》</a>
                <span class="type">插画-概念设定</span>
                <img src="./img/view.png" alt="">
                <span class="view">5900</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">91</span>
                <img src="./img/like.png" alt="">
                <span class="like">781</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u26.jpg" alt="">
                <a class="name">孙无力</a>
                <span class="time">2天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p33.jpg" alt="">
            <div class="word">
                <a href="" class="title">SK糖王团队古风翻糖人偶...</a>
                <span class="type">手工艺-手办/模型</span>
                <img src="./img/view.png" alt="">
                <span class="view">3547</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">12</span>
                <img src="./img/like.png" alt="">
                <span class="like">180</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u27.jpg" alt="">
                <a class="name">糖王周毅团队</a>
                <span class="time">2天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p34.jpg" alt="">
            <div class="word">
                <a href="" class="title">猫的私房 第二季</a>
                <span class="type">摄影-动物</span>
                <img src="./img/view.png" alt="">
                <span class="view">2.3万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">50</span>
                <img src="./img/like.png" alt="">
                <span class="like">346</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u28.jpg" alt="">
                <a class="name">克查</a>
                <span class="time">1天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p35.jpg" alt="">
            <div class="word">
                <a href="" class="title">水墨画梨园 电视剧《鬓边...</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">1567</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">10</span>
                <img src="./img/like.png" alt="">
                <span class="like">155</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u29.jpg" alt="">
                <a class="name">Marina任桃桃</a>
                <span class="time">1天前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p36.jpg" alt="">
            <div class="word">
                <a href="" class="title">去宇宙了，回来带给你星星</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.0万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">57</span>
                <img src="./img/like.png" alt="">
                <span class="like">554</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u30.jpg" alt="">
                <a class="name">苏虾仔</a>
                <span class="time">1天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p37.jpg" alt="">
            <div class="word">
                <a href="" class="title">制造仿真生物</a>
                <span class="type">手工艺-其他手工</span>
                <img src="./img/view.png" alt="">
                <span class="view">1.0万</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">17</span>
                <img src="./img/like.png" alt="">
                <span class="like">225</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u31.jpg" alt="">
                <a class="name">光辉作用工作室</a>
                <span class="time">1天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p38.jpg" alt="">
            <div class="word">
                <a href="" class="title">柴霖霖插画作品-腾讯互娱...</a>
                <span class="type">插画-其他插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">4267</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">34</span>
                <img src="./img/like.png" alt="">
                <span class="like">300</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u32.jpg" alt="">
                <a class="name">柴霖霖</a>
                <span class="time">1天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p39.jpg" alt="">
            <div class="word">
                <a href="" class="title">sleepie潮流玩具</a>
                <span class="type">手工艺-手办/原型</span>
                <img src="./img/view.png" alt="">
                <span class="view">6442</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">20</span>
                <img src="./img/like.png" alt="">
                <span class="like">117</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u33.jpg" alt="">
                <a class="name">Lanbzhh</a>
                <span class="time">1天前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p40.jpg" alt="">
            <div class="word">
                <a href="" class="title">2017-2018 Work Collecti...</a>
                <span class="type">插画-商业插画</span>
                <img src="./img/view.png" alt="">
                <span class="view">6260</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">9</span>
                <img src="./img/like.png" alt="">
                <span class="like">229</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u34.jpg" alt="">
                <a class="name">SijaHong六厘</a>
                <span class="time">22小时前</span>
            </div>
        </div>
    </div>
        <div class="recommend-L">
        <div class="recommend-box">
            <img src="./img/p41.jpg" alt="">
            <div class="word">
                <a href="" class="title">西铁城手表-CItizen Attes...</a>
                <span class="type">影视-Motion Graphic</span>
                <img src="./img/view.png" alt="">
                <span class="view">4722</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">8</span>
                <img src="./img/like.png" alt="">
                <span class="like">84</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u35.jpg" alt="">
                <a class="name">Onesal工作室</a>
                <span class="time">22小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p42.jpg" alt="">
            <div class="word">
                <a href="" class="title">十三机兵-初代重装机兵</a>
                <span class="type">三维-其他三维</span>
                <img src="./img/view.png" alt="">
                <span class="view">4815</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">28</span>
                <img src="./img/like.png" alt="">
                <span class="like">192</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u36.jpg" alt="">
                <a class="name">梦冥轩</a>
                <span class="time">23小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p45.jpg" alt="">
            <div class="word">
                <a href="" class="title">水墨：武侠人物+抗疫</a>
                <span class="type">纯艺术-国画</span>
                <img src="./img/view.png" alt="">
                <span class="view">3552</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">5</span>
                <img src="./img/like.png" alt="">
                <span class="like">71</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u37.jpg" alt="">
                <a class="name">阳月</a>
                <span class="time">23小时前</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p46.jpg" alt="">
            <div class="word">
                <a href="" class="title">及时行乐MAE IN CHIN...</a>
                <span class="type">摄影-静物</span>
                <img src="./img/view.png" alt="">
                <span class="view">8645</span>
                <img src="./img/comment.png" alt="">
                <span class="comment">24</span>
                <img src="./img/like.png" alt="">
                <span class="like">224</span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="./img/u38.jpg" alt="">
                <a class="name">当下视觉摄影</a>
                <span class="time">1天</span>
            </div>
        </div>
        <div class="recommend-box">
            <img src="./img/p47.jpg" alt="">
            <div class="word">
                <a href="" class="title">Logo设计&品牌思维实战..</a>
                <span class="type">学习视频</span>
                <img src="" alt="">
                <span class="view"></span>
                <img src="" alt="">
                <span class="comment"></span>
                <img src="" alt="">
                <span class="like"></span>
            </div>
            <div class="hr"></div>
            <div class="user">
                <img src="" alt="">
                <a class="name">站酷高高手</a>
                <span class="time">推广</span>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <!-- 页码部分 -->
    <div class="page">
        <div class="content">
            <div class="page-body">
                    <a href="" class="page-active">1</a>
                    <a href="" class="page-box">2</a>
                    <a href="" class="page-box">3</a>
                    <a href="" class="page-box">4</a>
                    <a href="" class="page-box">5</a>
                    <a href="" class="page-box">6</a>
                    <a href="" class="page-box">7</a>
                    <a href="" class="page-box">···</a>
                    <a href="" class="page-box">99</a>
                    <a href="" class="page-box">100</a>
                    <a href="" class="page-more">></a>

            </div>
        </div>
    </div>
    <!-- 广告部分 -->
    <div class="ad">
        <div class="content">
            <img src="./img/p48.jpg" alt="">
        </div>
    </div>
    <!-- 推荐课程部分 -->
    <div class="course">
        <div class="content">
            <div class="course-header">
                <h2>推荐课程</h2>
            </div>
            <div class="course-body">
                <div class="course-box">
                    <img src="./img/p49.png" alt="">
                    <a href="">UI界面设计教程：组件、页面</a>
                </div>
                <div class="course-box">
                    <img src="./img/p53.jpg" alt="">
                    <a href="">AE软件系统课</a>
                </div>
                <div class="course-box">
                    <img src="./img/p50.jpg" alt="">
                    <a href="">基础人体结构绘画训练营(第三期)</a>
                </div>
                <div class="course-box">
                    <img src="./img/p51.jpg" alt="">
                    <a href="">AI卡通形象设计及延展</a>
                </div>
                <div class="course-box">
                    <img src="./img/p52.jpg" alt="">
                    <a href="">水墨古风人像绘制</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部部分 -->
    <div class="footer">
        <div class="content">
            <div class="footer-wrapper-top">
                <img src="" alt="">
                <ul>
                    <li><img src="./img/phone.png" alt=""></li>
                    <li><a class="app" href="javascript:">
                        <span>移动版</span>
                    </a></li>
                    <li><a class="leftpx" href="https://www.zcool.com.cn/about">关于我们</a></li>
                    <li><a href="https://www.zcool.com.cn/userAgreement">用户协议</a></li>
                    <li><a href="https://www.zcool.com.cn/policy">隐私政策</a></li>
                    <li><a href="https://www.zcool.com.cn/violationClaim">侵权申诉</a></li>
                    <li><a href="https://www.zcool.com.cn/competition">企业服务</a></li>
                    <li><a href="https://www.zcool.com.cn/help">帮助中心</a></li>
                    <li><a href="https://www.zcool.com.cn/contactUs">联系我们</a></li>
                    <li><a href="">中文</a></li>
                    <li><a href="">English</a></li>
                </ul>
                <div class="footer-wrapper-top-right">
                    <ul>
                        <li><img src="./img/wechat.png" alt=""></li>
                        <li><img src="./img/sina.png" alt=""></li>
                    </ul>
                </div>
            </div>
            <div class="footer-wrapper-middle">
                <img src="./img/police.png" alt="">
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502000501">京公网安备11010502000501号</a>
                <span>|</span>
                <a href="https://static.zcool.cn/git_z/z/common/images/tvlicence.jpg">广播电视节目制作经营许可证（京）字第06990号</a>
                <span>|</span>
                <a href="http://beian.miit.gov.cn/">京ICP备11017824号</a>
                <span>|</span>
                <a href="http://beian.miit.gov.cn/">京ICP证130164号</a>
            </div>
            <div class="footer-wrapper-bottom">
                <a href="https://static.zcool.cn/git_z/z/common/images/businesslicense.jpg">营业执照</a>
                <span>|</span>
                <a href="https://www.12377.cn/">网上有害信息举报专区</a>
                <span>|</span>
                <span id="text">不良信息举报电话 ：010-56538658</span>
                <span>|</span>
                <span id="text">举报邮箱 jubao@zcool.com.cn</span>
                <span>|</span>
                <span id="text">联系电话 ：010-56538600</span>
            </div>
            <div class="footer-copy-right">
                <span>Copyright © 2006-2020</span>
                <a href="https://www.zcool.com.cn/">ZCOOL站酷</a>
            </div>
    </div>
    </div>
</body>
</html>